﻿<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>预订</title>
    <style type="text/css">
    .auto-style1
    {
        height: 24px;
    }
    </style>
</head>
<body>
<div id="header"><a href="/index.html">首页</a> </div>
        
<div id="content">
    <div><!--基本信息-->
        <p>
            <label>客源：</label>
            <select id="guestSource" name="guestSource" >
                <option>上门散客</option>
                <option>个人会员</option>
                <option>公司会员</option>
                <option>中介协议</option>
                <option>团队</option>
                <option>长包</option>     
            </select>
            <input type="text" id="serialNo" name="serialNo" title="请输入会员/协议/团队/长包的查询条件" />
            <input type="button" id="searchNumber" value="查询" />
        </p>
        <p id="guestInfo">
            <label>姓名：<span>张三丰</span> 类型：<span>钻石卡</span> 积分：<span>2998</span> 销售员：<span>红孩儿[00021]</span> 赠送早餐：<span>最多2份</span></label>
            <label>习惯：<span>安静，朝南，采光好</span></label>
            <label>订单渠道：门店</label>
        </p>
        <p>
            <label>入住：</label><input type="text" value="2012-12-01" />
            <label>离店：</label><input type="text" value="2012-12-02" />
            <label>晚数：</label><input type="text" value="1"/>
        </p>
        <p>
            <label>活动：</label><input type="text" value="text"/>
            <label>预计到店：</label><input type="text" value="18"/>点
            <label>最晚保留：</label><input type="text" value="20"/>点
        </p>
    </div>
    <div><!--预订信息-->
        <p>
            <label>预订人：</label>
            <input type="text" value="张麻子" />
            <label>电话：</label>
            <input type="text" value="18948749288" /> 
            <label><input type="checkbox" checked="checked" />有担保人：</label>
            <input type="text" value="红孩儿" />
        </p>
        <p>
            <label>订金：</label>
            <a href="#">200</a>
            <label>优惠券：</label>
            <a href="#">2</a><span>张，总值<b>20</b>元</span>
        </p>
        <p>
            <label>备注：</label>
            <textarea></textarea>
        </p>
    </div>
    <div>
        <table>
            <tr>
                <th>房型</th>
                <th>门市价</th>
                <th>均价</th>
                <th>候房量</th>
                <th>可订数</th>
                <th>已订数</th>
                <th>添加至订单</th>
            </tr>
            <tr>
                <td>大床房</td>
                <td>288</td>
                <td>278</td>
                <td style="color:green">5</td>
                <td>45</td>
                <td style="color:red">3</td>
                <td><input type="text" value="0" /><input type="button" value="添加" /> </td>
            </tr>
            <tr>
                <td>高级双床房</td>
                <td>288</td>
                <td>278</td>
                <td style="color:green">10</td>
                <td>50</td>
                <td style="color:red">5</td>
                <td><input type="text" value="0" /><input type="button" value="添加" /> </td>
            </tr>
            <tr>
                <td>总统套房</td>
                <td>288</td>
                <td>278</td>
                <td style="color:green">5</td>
                <td>20</td>
                <td style="color:red">10</td>
                <td><input type="text" value="0" /><input type="button" value="添加" /> </td>
            </tr>
            <tr>
                <td>豪华套房</td>
                <td>288</td>
                <td>278</td>
                <td style="color:green">20</td>
                <td>155</td>
                <td style="color:red">20</td>
                <td><input type="text" value="0" /><input type="button" value="添加" /> </td>
            </tr>
        </table> 
    </div>
    <div>
        <table>
            <tr>
                <th>房号</th>
                <th>状态</th>
                <th>特征</th>
            </tr>
            <tr>
                <td><label><input type="checkbox" />8208</label></td>
                <td>空脏</td>
                <td>靠南，有窗</td>
            </tr>
            <tr>
                <td><label><input type="checkbox" />8209</label></td>
                <td>空脏</td>
                <td>靠南，有窗</td>
            </tr>
            <tr>
                <td><label><input type="checkbox" />8219</label></td>
                <td>空脏</td>
                <td>靠南，有窗</td>
            </tr>
            <tr>
                <td><label><input type="checkbox" />8229</label></td>
                <td>空脏</td>
                <td>靠南，有窗</td>
            </tr>
        </table>
    </div>
    <div>
        <table>
            <tr>
                <th>房号</th>
                <th>房型</th>
                <th>状态</th>
                <th>姓名</th>
                <th>电话</th>
                <th>操作</th>
            </tr>
            <tr>
                <td class="auto-style1"><label><input type="checkbox" /> 8201</label></td>
                <td class="auto-style1">大床房</td>
                <td class="auto-style1">预订</td>
                <td class="auto-style1"><input type="text" value="张三丰" /></td>
                <td class="auto-style1"><input type="text" value="18945671751" /></td><!--一旦使用编辑后则出现 X 和 √ -->
                <td class="auto-style1"><a href="#">取消</a> <a href="#">详细</a></td>
            </tr>
            <tr>
                <td><label><input type="checkbox" /> 8219</label></td>
                <td>高级双床房</td>
                <td>预订</td>
                <td><input type="text" value="王二小" /></td>
                <td><input type="text" value="18945671751" /></td>
                <td><a href="#">取消</a> <a href="#">详细</a></td>
            </tr>
        </table>
        
    </div>
</div>
</body>
</html>
